<?xml version="1.0" encoding="utf-8"?>

	<fields>
			<fieldset name="general" label="General Settings">

				<field name="delay"
					   type="text" 
					   default="9000" 
					   label="Delay" 
					   description="The time one slide stays on the screen in Milliseconds">
				</field>
				
				<field name="touchenabled" 
					   type="radio" 
					   default="on" 
					   label="Touch Enabled" 
					   description="Enable Swipe Function on touch devices">
						  <option value="on" text="On"></option>
						  <option value="off" text="Off"></option>
				</field>

				<field name="stop_on_hover" 
					   type="radio" 
					   default="on" 
					   label="Stop On Hover" 
					   description="Stop the Timer when hovering the slider">
						  <option value="on" text="On"></option>
						  <option value="off" text="Off"></option>
				</field>
				
				<field name="php_resize"
					   type="radio" 
					   default="off" 
					   label="PHP Image Resize / Crop" 
					   description="Choose this option in order to resize / crop the slide images to the exact size with php.">
						  <option value="on" text="On"></option>
						  <option value="off" text="Off"></option>
				</field>

				<field type="hr"></field>

				<field name="load_googlefont" 
					   type="radio" 
					   default="false" 
					   label="Load Google Font" 
					   description="yes / no to load google font">
						  <option value="true" text="Yes"></option>
						  <option value="false" text="No"></option>
				</field>
								
				<field name="google_font" 
					   type="text"
					   label="Google Font"
					   class="text-sidebar-long"
					   default="PT+Sans+Narrow:400,700"
					   description="The google font family to load"></field>

				<field type="control"
					   ctype="enable"
					   parent="load_googlefont"
					   child="google_font"
					   value="true"
				   ></field>
				   
				<field type="hr"></field>
				
				<field name="stop_slider" 
					   type="radio" 
					   default="off" 
					   label="Stop Slider" 
					   description="On / Off to stop slider after some amount of loops / slides">
						  <option value="on" text="On"></option>
						  <option value="off" text="Off"></option>
				</field>
				
				<field name="stop_after_loops"
					   type="text" 
					   default="0"
					   label="Stop After Loops" 
					   description="Stop the slider after certain amount of loops. 0 related to the first loop.">
				</field>
				
				<field name="stop_at_slide"
					   type="text" 
					   default="2"
					   label="Stop At Slide" 
					   description="Stop the slider at the given slide">
				</field>
				
				<field type="control"
					   ctype="enable"
					   parent="stop_slider"
					   child="stop_after_loops"
					   value="on"
				   ></field>
				   
				<field type="control"
					   ctype="enable"
					   parent="stop_slider"
					   child="stop_at_slide"
					   value="on"
				   ></field>
				
			</fieldset>
			
			<fieldset name="position" label="Position">
				
				<field name="position" 
					   type="list" 
					   default="center"
					   label="Position on the page" 
					   description="The position of the slider on the page, (float:left, float:right, margin:0px auto;)">
						  <option value="left" text="Left"></option>
						  <option value="center" text="Center"></option>
						  <option value="right" text="Right"></option>
				</field>

				<field name="margin_top" 
					   type="text"
					   label="Margin Top"
					   default="0"
					   unit="px"
					   description="The top margin of the slider wrapper div"></field>
				
				<field name="margin_bottom" 
					   type="text"
					   label="Margin Bottom"
					   default="0"
					   unit="px"
					   description="The bottom margin of the slider wrapper div"></field>
				
				<field name="margin_left" 
					   type="text"
					   label="Margin Left"
					   default="0"
					   unit="px"
					   description="The left margin of the slider wrapper div"></field>
					   
				<field name="margin_right" 
					   type="text"
					   label="Margin Right"
					   default="0"
					   unit="px"
					   description="The right margin of the slider wrapper div"></field>
					   
				<field type="control"
					   ctype="disable"
					   parent="position"
					   child="margin_left"
					   value="center"></field>

				<field type="control"
					   ctype="disable"
					   parent="position"
					   child="margin_right"
					   value="center"></field>
					   
			</fieldset>
			
			<fieldset name="appearance" label="Appearance">
			
				<field name="shadow_type" 
					   type="list" 
					   default="2"
					   label="Shadow Type" 
					   description="The Shadow display underneath the banner">
						  <option value="0" text="No Shadow"></option>
						  <option value="1" text="1"></option>
						  <option value="2" text="2"></option>
						  <option value="3" text="3"></option>
				</field>
				
				<field name="show_timerbar"
					   type="radio" 
					   default="true" 
					   label="Show Timer Line" 
					   description="Show the top running timer line">
						  <option value="true" text="Show"></option>
						  <option value="false" text="Hide"></option>
				</field>

				<field name="background_color"
					   type="color"
					   default="#E9E9E9" 
					   label="Background color" 
					   description="Slider wrapper div background color, for transparent slider, leave empty.">
				</field>

				<field name="padding"
					   type="text"
					   default="5"
					   label="Padding (border)" 
					   description="The wrapper div padding, if it has value, then together with background color it it will make border around the slider.">
				</field>

				<field name="show_background_image"
					   type="radio" 
					   default="false" 
					   label="Show Background Image" 
					   description="yes / no to put background image to the main slider wrapper.">
						  <option value="true" text="Yes"></option>
						  <option value="false" text="No"></option>
				</field>

				<field name="background_image"
					   type="text"
					   default=""
					   label="Background Image Url"
					   class="text-sidebar-long" 
					   description="The background image that will be on the slider wrapper. Will be shown at slider preloading.">
				</field>
				
				<field type="control"
					   ctype="enable"
					   parent="show_background_image"
					   child="background_image"
					   value="true"
				   ></field>
				
			</fieldset>
						
			
			<fieldset name="navigation" label="Navigation">

				<field name="navigaion_type" 
					   type="list" 
					   default="none" 
					   label="Navigation Type" 
					   description="Display type of the navigation bar (Default:none">
						  <option value="none" text="None"></option>
						  <option value="bullet" text="Bullet"></option>
						  <option value="thumb" text="Thumb"></option>
						  <option value="both" text="Both"></option>
				</field>

				<field name="navigation_arrows" 
					   type="list" 
					   default="nexttobullets" 
					   label="Navigation Arrows" 
					   description="Display position of the Navigation Arrows (** By navigation Type Thumb arrows always centered or none visible)">
						  <option value="nexttobullets" text="Next To Bullets"></option>
						  <option value="verticalcentered" text="Vertical Centered"></option>
						  <option value="none" text="None"></option>
				</field>

				<field name="navigation_style" 
					   type="list" 
					   default="round" 
					   label="Navigation Style" 
					   description="Look of the navigation bullets  ** If you choose navbar, we recommend to choose Navigation Arrows to nexttobullets">
						  <option value="round" text="Round"></option>
						  <option value="square" text="Square"></option>
						  <option value="navbar" text="Navbar"></option>
				</field>
				
				<field name="nav_offset_hor" 
					   type="text"  
					   label="Nav. Offset Horizontal"
					   default="0"
					   unit="px" 
					   description="The Bar is centered but could be moved this pixel count left(e.g. -10) or right (Default: 0)  ** By resizing the banner, it will be always centered !!"></field>	

				<field name="nav_offset_vert" 
					   type="text"
					   label="Nav. Offset Vertical"
					   default="20"
					   unit="px" 
					   description="The Bar is bound to the bottom but could be moved this pixel count up (e. g. -20) or down (Default: 20)"></field>
			</fieldset>
			
			<fieldset name="thumbs" label="Thumbnails">
			
				<field name="thumb_width" 
					   type="text"  
					   label="Thumb Width"
					   default="100"
					   unit="px"
					   description="The basic Width of one Thumbnail (only if thumb is selected)"></field>

				<field name="thumb_height" 
					   type="text"  
					   label="Thumb Height"
					   default="50"
					   unit="px"
					   description="the basic Height of one Thumbnail (only if thumb is selected)"></field>
					   
				<field name="thumb_amount" 
					   type="text"  
					   label="Thumb Amount"
					   default="5"
					   unit="px"
					   description="the amount of the Thumbs visible same time (only if thumb is selected)"></field>

				<field name="hide_thumbs" 
					   type="text"  
					   label="Hide Thumbs After"
					   default="200"
					   unit="ms" 
					   description="Time after that the Thumbs will be hidden(Default: 200)"></field>
				
			</fieldset>
			<fieldset name="advanced" label="Advanced">
				<field name="jquery_noconflict" 
					   type="list" 
					   default="on" 
					   label="JQuery No Conflict Mode" 
					   description="Turns on / off jquery noconflict mode. You can play with this option when you have some javascript conflicts.">
						  <option value="on" text="On"></option>
						  <option value="off" text="Off"></option>
				</field>
			</fieldset>
			
		</fields>